.p-list p:first-child{
    color: brown;
}
.p-list p:last-child{
    color: blueviolet;
}
.p-list div:first-of-type{
    color: olivedrab;
}
.p-list div:last-of-type{
    color:cornflowerblue;
}
/*.ul-list li:nth-child(1){*/
/*    color: brown;*/
/*}*/
/*.ul-list li:nth-child(6){*/
/*    color: brown;*/
/*}*/
/*.ul-list li:nth-child(even){*/
/*    color: brown;*/
/*}*/
/*.ul-list li:nth-child(odd){*/
/*    color: brown;*/
/*}*/
/* n初始值为0，表示元素的递增(+1)累加位置  */
/*.ul-list li:nth-child(n)*/
/*.ul-list li:nth-child(n+3)*/
/*.ul-list li:nth-child(3n+1)*/
.ul-list li:nth-child(3n+2)
{
    color: brown;
}
/*.div-list > p:is(.div-p)*/
/*上述选择器效果等同如下*/
/*.div-list > p.div-p*/
/*匹配div-list 中 带有div-p的偶数p元素*/
/*.div-list > p.div-p:nth-child(even)*/
/*.div-list > p:is(.div-p:nth-child(even))*/
.div-list > p:not(.div-p:nth-child(even))
{
    color: brown;
}
.checbox input[type=checkbox]:checked + span{
    color: darkgreen;
}
.checbox input[type=checkbox] + span{
    color: brown;
}
input:disabled{
    color: darkorange;
}
/*:read-only 非兼容的伪类选择器，不建议使用*/
/*input:read-only*/
input[readonly]
{
    color: blueviolet;
}